<script setup>
import MyCom from './components/MyCom.vue';
</script>

<template>
  <!-- <h1>Sunny Day</h1> -->
  <div class="box"></div>
  <MyCom />
</template>
<!-- css -->
<!-- data-v-7a7a37b1:加了scope会随机生成，保证样式的唯一性 -->
<!-- 全局样式 -->
<style scoped>
div {
  background-color: red;
  width: 200px;
  height: 200px;
  border: 1px solid rebeccapurple;
}

h1 {
  color: yellow;
}
</style>
